<div class="panel panel-default">
    <div class="panel-heading">
        <h4>
            <span class="label label-danger">第一步：</span> 请选择模式
        </h4>
    </div>
    <div class="panel-body">
        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img alt="100%x200" src="/static/images/tunnel/base.png" data-holder-rendered="true" style="background-color: #9d9d9d ;height: 200px; width: 100%; display: block;" >
                <div class="caption" style="height: 200px;">
                    <h3>基本模式</h3>
                    <p>基本模式基本模式基本模式基本模式基本模式基本模式基本模式基本模式基本模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式</p>
                    <p>
                        {{if eq .modeBase "1"}}
                        <a href="/tunnel/cluster?mode=0" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-hand-right"></span> 选择</a>
                        {{else}}
                        <a href="javascript:;" class="btn btn-primary" role="button" disabled="disabled"><span class="glyphicon glyphicon-remove"></span> 选择</a>
                        <span class="text-danger">没有权限</span>
                        {{end}}
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img data-src="holder.js/100%x200" alt="100%x200" src="" data-holder-rendered="true" style="height: 200px; width: 100%; display: block;">
                <div class="caption" style="height: 200px;">
                    <h3>高级模式</h3>
                    <p>高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式</p>
                    <p>
                        {{if eq .modeSenior "1"}}
                        <a href="/tunnel/cluster?mode=1" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-hand-right"></span> 选择</a>
                        {{else}}
                        <a href="javascript:;" class="btn btn-primary" role="button" disabled="disabled">选择</a>
                        <span class="text-danger">没有权限</span>
                        {{end}}
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img data-src="holder.js/100%x200" alt="100%x200" src="" data-holder-rendered="true" style="height: 200px; width: 100%; display: block;">
                <div class="caption" style="height: 200px;">
                    <h3>特殊模式</h3>
                    <p>特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式</p>
                    <p>
                        {{if eq .modeSpecial "1"}}
                        <a href="/tunnel/cluster?mode=2" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-hand-right"></span> 选择</a>
                        {{else}}
                        <a href="javascript:;" class="btn btn-primary" role="button" disabled="disabled">选择</a>
                        <span class="text-danger">没有权限</span>
                        {{end}}
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>